import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Sidebar from './components/Sidebar';
import Topbar from './components/Topbar';
import Dashboard from './pages/Dashboard';
import VirtualMachines from './pages/VirtualMachines';
import Storage from './pages/Storage';
import Networks from './pages/Networks';
import TasksLogs from './pages/TasksLogs';
import Settings from './pages/Settings';
import './App.css';

function App() {
  return (
    <Router>
      <div className="app">
        <Sidebar />
        <div className="main-container">
          <Topbar />
          <div className="content">
            <Routes>
              <Route path="/" element={<Dashboard />} />
              <Route path="/dashboard" element={<Dashboard />} />
              <Route path="/virtual-machines" element={<VirtualMachines />} />
              <Route path="/storage" element={<Storage />} />
              <Route path="/networks" element={<Networks />} />
              <Route path="/tasks-logs" element={<TasksLogs />} />
              <Route path="/settings" element={<Settings />} />
            </Routes>
          </div>
        </div>
      </div>
    </Router>
  );
}

export default App;
